<!DOCTYPE html>
<html>
	<head>
    	<style>
			body{
				text-align:center;
				margin:0;
				padding:0;
			}
			.popup
			{
				position:fixed;
				left:50%;
				top: 50%;
				background:rgba(1,1,1,0.5);
			}
			.contenidoCualquiera{
				width:900px;
				height:500px;
				background:rgba(1,1,1,0.3);
				margin:10px auto 0 auto;
				
			}
		</style>
        <script src="jquery.min.js"></script>
        <script type="text/javascript">
			$(document).ready(function(){
				$('.popup').css({
					marginLeft: -($('.popup').outerWidth()/2),
					marginTop: -($('.popup').outerHeight()/2),
				});
			});
		</script>
    </head>
    <body>
    	<div class="contenidoCualquiera"></div>
        <div class="contenidoCualquiera"></div>
        <div class="contenidoCualquiera"></div>
        <div class="contenidoCualquiera"></div>
        <div class="contenidoCualquiera"></div>
        <div class="contenidoCualquiera"></div>
    	<div class="popup" style="width:600px; height:250px;">
        	
        </div>
    	
    </body>
</html>